@charset "utf-8";

$font-size:40;
@function r($px){
    @return $px/$font-size*1rem;
}


//.banner{
//  width: 100%;
// 
//  
//  img{
//      width: 100%;
//      height: 100%
//  }
//}
            .swiper-container {
                width: 100%;  
            }
             .swiper-slide { 
                text-align: center;
                img{
                    width: 100%;
                    height: 100%;
                }
            }


.grouptitle{
    width: 100%;
    height: r(54);
    
    .start{
        width: r(56);
        height: r(54);
        float: left;
        padding-left: r(21);
        img{
            width: 100%;
            height: 100%;
        }
    }
    
    h3{
        font-size: r(30);
        float: left;
        margin-left: r(8);
         line-height: r(54);
    }
    h5{
        font-size: r(24);
        float: right;
        line-height: r(54);
        margin-right: r(6);
    }
    .icon-you{
        color: #ff3944;
        float: right;
        line-height: r(54);
        padding-right: r(21);
      font-size: r(25);
    }
}

.groupon{
    width: 100%;
    margin-top: r(34);
    margin-bottom: r(36);
    ul{
       width: 80%;
        margin: r(11) auto;
       
        li{
           width: 40%;
            float: left; 
            margin-bottom: r(30);
           
                img{
                width: 100%;
                height: 100%;
            } 
            &:nth-of-type(2n){
                float: right;
            }
            &:last-of-type,&:nth-last-of-type(2){
                margin-bottom: 0;
            }
        }
    }
}


.liketitle{
    width: 100%;
    height: r(48);
    
    .love{
        width: r(55);
        height: r(48);
        float: left;
        padding-left: r(21);
        img{
            width: 100%;
            height: 100%;
        }
    }
    
    h3{
        font-size: r(30);
        float: left;
        margin-left: r(8);
         line-height: r(48);
    }
    h5{
        font-size: r(24);
        float: right;
        line-height: r(48);
        margin-right: r(6);
    }
    .icon-you{
        color: #ff3944;
        float: right;
        line-height: r(54);
        padding-right: r(21);
      font-size: r(25);
    }
}
.like{
    ul{
        li{
            .food-list{
                width: 95%;
                margin: r(30) auto;
                .food-img{
                width: r(210);
                height: r(163);
                float: left;
                img{
                    width: 100%;
                    height: 100%;
                }
                
            }
            .food-introduce{
                height: r(163);
                overflow-x:hidden ;
                line-height: r(44);
                
                
                .dianming{
                    margin-top: r(24);
                }
                .name{
                    font-size:r(31) ;
                    font-weight: bold;
                    float: left;
                    
                }
                .distance{
                    font-size: r(18);
                    color: #494949;
                    float: right;
                    
                }
                p{
                    font-size: r(24);
                    color: #494949;
                   
                }
                .price{
                    font-size: r(29);
                    color: #ff9344;
                    float: left;
                }
                .wancheng{
                    font-size: r(24);
                    float: right;
                }
            }
            }
            
        }
    }
}
